<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/add.css"/>
	</head>
	<body>
		<div id="app">
			<div class="header">
				<span>修改快递员</span>
			</div>
			<div class="content">
				<table>	
					<tr>
						<td class="text-right">手机号码</td><td class="content_right"><input id="userPhone" class="input inline-input" placeholder="请输入手机号码"> <span id="find" class="btn btn-info">立即查找</span></td>
					</tr>
				</table>
			</div>
			
			
			<div class="header">
				<span>查找信息如下</span>
			</div>
			<div class="content">
				<table>
					<tr>
						<td class="text-right">姓名</td><td class="content_right"><input class="input" placeholder="请输入姓名"></td>
					</tr>
					<tr>
						<td class="text-right">手机号码</td><td class="content_right"><input class="input" placeholder="请输入手机号码"></td>
					</tr>
					<tr>
						<td class="text-right">身份证号码</td><td class="content_right"><input class="input" placeholder="请输入身份证号码"></td>
					</tr>
					<tr>
						<td class="text-right">密码</td><td class="content_right"><input class="input" placeholder="请输入密码"></td>
					</tr>
					<tr>
						<td></td><td class="content_right"><span id="update" class="btn btn-info">立即修改</span> <span id="reset" class="btn">重置</span> </td>
					</tr>
				</table>
			</div>
		</div>
		<script src="/js/jquery2.1.4.js"></script>
		<script src="/layer/layer.js"></script>
	<script>
		$(".header:eq(1),.content:eq(1)").hide();
		var g_userPhone;
		var userId;
		$(function () {
			$("#find").click(function () {
				var windowId = layer.load();
				g_userPhone = $("#userPhone").val();
				$.getJSON("/courier/find.do",{g_userPhone:g_userPhone},function (data) {
					layer.close(windowId);
					if (data.status == 0) {
						$(".header:eq(1),.content:eq(1)").fadeIn(1000);
						$("input:eq(1)").val(data.data.username);
						$("input:eq(2)").val(data.data.userPhone);
						$("input:eq(3)").val(data.data.userNumber);
						$("input:eq(4)").val(data.data.password);
						userId = data.data.id;
					}else{
						layer.msg("用户不存在");
					}
				});
			});


			$("#update").click(function () {
				var windowId = layer.load();
				var username = $("input:eq(1)").val();
				var userPhone = $("input:eq(2)").val();
				var userNumber = $("input:eq(3)").val();
				var password = $("input:eq(4)").val();

				if (!isPhoneNo(userPhone)){
					layer.close(windowId);
					layer.msg("请输入正确的手机号码");
				}if (!isCardNo(userNumber)){
					layer.close(windowId);
					layer.msg("请输入正确的身份证号");
				}if (!isChinaName(username)){
					layer.close(windowId);
					layer.msg("请输入正确的姓名");
				}
				if (username == "" || userPhone == "" || userNumber == "" || password == "") {
					layer.close(windowId);
					layer.msg("必填项不能为空");
				}
				if (isPhoneNo(userPhone) && isCardNo(userNumber) && isChinaName(username)) {

					$.getJSON("/courier/update.do", {
						username: username,
						userPhone: userPhone,
						userNumber: userNumber,
						password: password,
						g_userPhone: g_userPhone,
						userId: userId
					}, function (data) {
						layer.close(windowId);
						layer.msg(data.result);
						if (data.status == 0) {
							$(".header:eq(1),.content:eq(1)").hide();
						}
					});
				}
			});


			$("#reset").click(function () {
				$(".header:eq(1),.content:eq(1)").hide();
			});


		});

		// 验证中文名称
		function isChinaName(name) {
			var pattern = /^[\u4E00-\u9FA5]{1,6}$/;
			return pattern.test(name);
		}

		//验证手机号码格式
		function isPhoneNo(phone) {
			var pattern = /^1[34578]\d{9}$/;
			return pattern.test(phone);
		}

		// 验证身份证
		function isCardNo(card) {
			var pattern = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
			return pattern.test(card);
		}
	</script>
	</body>
</html>
